
import styles from './index.css';
import React from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import './index.css';
import { Row, Col , Carousel,Tabs,Card} from 'antd';
import Header from 'antd/lib/calendar/Header';

const { TabPane } = Tabs;

import Lunbo from './lunbo';
import Shouye from './shouye';
import Zixun from "./zixun"; 
import Retui from './retui';
import Detail from "./detail";
import Gonglue from "./gonglue";


export default function() {
  function callback(key) {
    console.log(key);
  }
  
  return (
<<<<<<< HEAD
    <div className={styles.header}>
        <div className={styles.logo}>
            <Row>
              <Col span={4}></Col>
              <Col span={8}><img src="http://www.guodulvyou.cn/20160607082903636.jpg"/></Col>
              <Col span={8}><img src="http://www.guodulvyou.cn/20160808193546397.jpg"/></Col>
              <Col span={4}></Col>
            </Row>
        </div>
        <div className={styles.nav}>
            <Row >
              <Col span={24}>
                    <Tabs defaultActiveKey="1" onChange={callback}>
                    <TabPane tab="首页" key="1" >
                    <Row>
                       <Lunbo/>
                    </Row>
                    <Row>
                      <Col span={2}></Col>
                      <Col span={4}> <Shouye /></Col>
                      <Col span={16}></Col>
                      <Col span={2}></Col>
                    </Row>
                    </TabPane>
                    <TabPane tab="线路咨询" key="2">
                        <Row>
                          <Lunbo/>
                        </Row>
                        <Row>
                          <Col span={2}></Col>
                          <Col span={4}> <Retui /></Col>
                          <Col span={16}> <Detail/></Col>
                          <Col span={2}></Col>
                        </Row>
                    </TabPane>
                    <TabPane tab="北京虚拟旅游" key="3">
                        <Row>
                            <Lunbo/>
                        </Row>
                        <Row>
                            <Col span={2}></Col>
                            <Col span={4}> <Retui /></Col>
                            <Col span={16}> <Zixun/></Col>
                            <Col span={2}></Col>
                        </Row>  
                    </TabPane>
                    <TabPane tab="公司简介" key="4">
                    <Lunbo/>
                      Content of Tab Pane 3
                    </TabPane>
                    <TabPane tab="旅游攻略" key="5">
                    <Row>
                            <Lunbo/>
                        </Row>
                        <Row>
                            <Col span={2}></Col>
                            <Col span={4}> <Retui /></Col>
                            <Col span={16}> <Gonglue/></Col>
                            <Col span={2}></Col>
                        </Row>  
                    
                    </TabPane>
                    <TabPane tab="联系我们" key="6">
                    <Lunbo/>
                      Content of Tab Pane 3
                    </TabPane>
                  </Tabs>,
              </Col>
            </Row>
        </div>
      
        <zixun/>
        <div>
            <Row>
                <Col span={2}></Col>
                <Col span={20} className={styles.footer}>
                    <ul>
                          <li><a href="#">线上旅游</a></li>
                          <li><a href="#">北京虚拟旅游</a></li>
                          <li><a href="#">公司简介</a></li>
                          <li><a href="#">旅游攻略</a></li>
                          <li><a href="#">联系我们</a></li>
                          <li><a href="#">返回首页</a></li>
                      </ul> 
                </Col>
                <Col span={2}></Col>
            </Row>
        </div>
  </div>
=======
    <div className={styles.normal}>
      <h1>Page index</h1>

    </div>
>>>>>>> 1ff03b0ba7908caa57f354c76682cde2cdb55c42
  );
}
